<template>
	<div style="height: 50px;background: #e8e5de;line-height: 50px;padding: 0 20px;">
		<div class="inceter-disp" style="font-size: 16px;">
			{{title}}
			<el-breadcrumb separator-class="el-icon-arrow-right">
			  <el-breadcrumb-item :to="{ path: '/index' }"><span style="font-size: 16px;">首页</span></el-breadcrumb-item>
			  <el-breadcrumb-item :to="{ path: $route.query.name!=''?PATH : ''}">
          <span style="font-size: 16px;">{{ $store.state.print.urlName || urlName }}</span>
         </el-breadcrumb-item>
			  <el-breadcrumb-item v-if="$store.state.print.ksName">
        <span  style="font-size: 16px;">{{ $store.state.print.ksName}}</span>
        </el-breadcrumb-item>
			</el-breadcrumb>
		</div>
	</div>
</template>

<script>
	export default {
		name:'aMian',
		props:{
			name:{
				type:String,
				default:''
			}
		},
		data(){
			return {
				title:'您当前位置：',
				urlName:localStorage.getItem('urlName'),
				PATH:localStorage.getItem('PATH')
			}
		},
	}
</script>

<style>
	.inceter-disp{
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 15px;
	}
</style>
